const app = getApp()
const WXAPI = require("../../../api/newApi")
import * as echarts from '../../ec-canvas/echarts'; //../../../ec-canvas/echarts
let chart;

function setOption(canvas, width, height, dpr, bdata) {
  console.log(bdata)
  chart = echarts.init(canvas, null, {
    width: width,
    height: height,
    devicePixelRatio: dpr // new
  });
  canvas.setChart(chart);

  var option = {
    grid: {
      x: 32,
      x2: 22,
    },
    xAxis: {
      splitNumber: 6,
      type: 'category',
      axisLine: {
        lineStyle: {
          color: '#E8E9EC',
          width: 1, //这里是为了突出显示加上的
        }
      },
      boundaryGap: false,
      axisTick: { //x轴刻度
        show: false
      },
      data: ['10.01', '10.02', '10.03', '10.04', '10.05', '10.06', '10.07', ],
      splitLine: { //坐标轴在 grid 区域中的分隔线。
        show: false,
        lineStyle: {
          type: 'dashed',
          color: '#EBEDEE',
        }
      },
      axisLabel: {
        showMaxLabel: true,
        textStyle: {
          fontSize: 13,
          color: '#999999'
        }
      }
    },
    yAxis: {
      type: 'value',
      axisLine: {
        lineStyle: {
          color: '#fff',
          width: 1, //这里是为了突出显示加上的
        }
      },
      splitLine: { //坐标轴在 grid 区域中的分隔线。
        show: true, //网格线
        lineStyle: {
          type: 'dashed',
          color: '#EBEDEE',
        }
      },
      axisLabel: {
        show: false, //坐标轴上的文字
        textStyle: {
          fontSize: 13,
          color: '#999999'
        }
      }
    },
    itemStyle: {
      color: {
        type: 'linear',
        x: 0,
        y: 0,
        x2: 0,
        y2: 1,
        colorStops: [{
          offset: 0.5,
          color: '#FFB21D' // 0% 处的颜色
        }, {
          offset: 1,
          color: '#FFB21D' // 100% 处的颜色
        }],
        global: false // 缺省为 false
      }
    },
    series: [{
      data: [0, 0, 0, 0, 0, 0, 0],
      showSymbol: true, //去掉折现小圆点
      showSymbol: true, //hover才有的样式
      smooth: false, // 平滑曲线
      // data: bdata,
      type: 'line',
      // areaStyle: {},//有这个对象就是面积图
      label: {
        show: true,
        position: 'top',
        // formatter: (param) => {
        //   console.log(param.data)
        //   console.log(param)
        //   console.log(param.dataIndex)
        //   // if (this.data.daka_type === 'exercise_mission') {
        //   //   return utils.toThousand(param.value)
        //   // } else {
        //   //   return param.value + '次'
        //   // }
        //   if(param.dataIndex==4){
        //     return param.data
        //   }else{
        //     return ''
        //   }

        // },
        color: '#FC8B08',
        fontSize: 12
      },
    }]
  };
  chart.setOption(option);
  return chart;
}
Page({

  /**
   * 页面的初始数据
   */
  data: {
    nvabarData: {
      showCapsule: 1, // 是否显示左上角图标   1表示显示    0表示不显示
      title: '我的区块链钱包', // 导航栏 中间的标题
      textColor: '#fff', // 标题颜色
      bgColor: '#F55742', // 导航栏背景颜色
      isloading: true,
      isColor: false,
    },
    pickIndex: 0,
    list: [],
    array: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月', ],
    ec: {
      onInit: setOption,
      // lazyLoad: true, // 延迟加载
    },
    info: {},
    date:'',
    dateTxt:'',
    year:'',
    month:'',
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    var dates = new Date();
    this.data.month = dates.getMonth() + 1; //获取当前月份(0-11,0代表1月)
    this.data.year = dates.getFullYear();
    this.setData({
      dateTxt: this.data.month,
      pickIndex: this.data.month - 1
    })
    this.getInfo()
    this.getdividendList()
    setTimeout(()=>{
      this.getDividend()
    },600)
  },
  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },
  getInfo() {
    var data = {}
    WXAPI.customerFbInfo(data, (res) => {
      if (res.code == 200) {
        this.setData({
          info: res.result
        })
      }
    })
  },
  getDividend() {
    var data = {}
    WXAPI.dividendInfo(data, (res) => {
      this.setData({
        yesterdayDividendMoney: res.result.yesterdayDividendMoney
      })
      let ls = res.result.appPlatformCustomerDividendDTOList.map(item => {
        return item.dayDividendMoney
      })
      console.log(ls)
      let dataX = res.result.appPlatformCustomerDividendDTOList.map(item => {
        return item.time
      })
      let option3 = {
        xAxis: {
          data: dataX,
        },
        series: [{
          data: ls,
          // data: bdata,
          type: 'line',
          // areaStyle: {},
          label: {
            show: true,
            position: 'top',
            formatter: (param) => {
              param.data = '￥' + param.data
              return param.data
              // if(param.dataIndex + 1==ls.length){
              //   return param.data
              // }else{
              //   return ''
              // }

            },
            color: '#FC8B08',
            fontSize: 12
          },
        }]
      }
      chart.setOption(option3)
    })
  },
  bindPickerChange: function (e) {
    console.log('picker发送选择改变，携带值为', e.detail)
    let dateTxt = parseInt(e.detail.value) + 1
    console.log(dateTxt)
    this.data.month = dateTxt
    this.setData({
      dateTxt: dateTxt
    })
    this.getdividendList()
  },
  getdividendList() { //查询用户指定时间分红列表
    this.data.date = this.data.year + '-' + this.data.month + '-' + '1'
    var data = {
      date: this.data.date
    }
    WXAPI.dividendList(data, (res) => {
      if (res.code == 200) {
        this.setData({
          list: res.result
        })
      }
    })
  },
  whyFb() { //
    wx.showModal({
      title: '什么是FB？',
      content: 'FB，是蜜链盟卡包的通证。是依托于区块链技术，基于个人在蜜链盟活动产生的奖励，可以用于蜜链盟生态上的消费、兑换等与现金分红。用户也可以将账户中的积分、优惠券、预付卡等闲置资产通过挂单方式想其他用户置换成FB。用户通过蜜链盟卡包进行消费可获得一定的FB，FB总量有限，且每2年产出量减少一半，随着时间的推移获取难度与越来越大，前期参与更有优势。',
      confirmText: '我已知悉',
      showCancel: false,
      success(res) {
        if (res.confirm) {
          console.log('用户点击确定')
        } else if (res.cancel) {
          console.log('用户点击取消')
        }
      }
    })
  },
  whyfrozenFb() { //什么是冻结的FB
    wx.showModal({
      title: '什么是冻结的FB？',
      content: '待购卡金额使用完后，进行解冻。冻结FB不进行分红。',
      confirmText: '我已知悉',
      showCancel: false,
      success(res) {
        if (res.confirm) {
          console.log('用户点击确定')
        } else if (res.cancel) {
          console.log('用户点击取消')
        }
      }
    })
  },
  jumpTxRecord() { //提现记录
    wx.navigateTo({
      url: '/userPageC/pages/userPersonal/withdrawalRecord/withdrawalRecord',
    })
  },
  jumpFbRecord() { //FB收支记录
    wx.navigateTo({
      url: '/userPageC/pages/userPersonal/FBrecord/FBrecord',
    })
  },
  jumpwalletSize() { //钱包地址
    wx.navigateTo({
      url: '/userPageC/pages/userPersonal/walletSize/walletSize',
    })
  },
  jumpExchange() {
    wx.navigateTo({
      url: '/userPageC/pages/userPersonal/myIntegral/exchange/exchange',
    })
  },
  //提现
  handleWithdrawal() {
    wx.navigateTo({
      url: '/userPageC/pages/userPersonal/withdrawal/withdrawal',
    })
  },
})